<template>
  <router-view></router-view>
</template>

<style>
/* 基础重置与全局字体设置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px; /* 主字体设为 14px，适中偏小，适合大多数界面 */
  line-height: 1.5; /* 行高 1.5 倍，保证可读性又不显空洞 */
  color: #333; /* 深灰色文字，柔和且清晰 */
  background-color: #fff; /* 白色背景 */
}

/* 段落样式：紧凑但清晰 */
p {
  margin-bottom: 0; /* 段间距较小，避免内容松散 */
  font-size: 1rem; /* 继承 body 的 14px */
  line-height: 1.6; /* 略高于全局行高，提升段落内部可读性 */
}

/* 标题层级：保持结构清晰但不过大 */
h1 {
  font-size: 18px;
  margin-bottom: 0.6em;
  line-height: 1.3;
  font-weight: 700;
}

h2 {
  font-size: 16px;
  margin-bottom: 0.6em;
  line-height: 1.35;
  font-weight: 700;
}

h3 {
  font-size: 14px;
  margin-bottom: 0.6em;
  line-height: 1.35;
  font-weight: 600;
}

h4 {
  font-size: 14px;
  margin-bottom: 0.5em;
  line-height: 1.3;
  font-weight: 500;
}

h5,
h6 {
  font-size: 14px;
  margin-bottom: 0.5em;
  font-weight: 500;
}

/* 列表项间距控制 */
ul,
ol {
  margin-bottom: 0.8em;
  padding-left: 1.4em;
}

li {
  margin-bottom: 0.3em;
}

/* 小屏幕适配：保持紧凑 */
@media (max-width: 768px) {
  body {
    font-size: 12px;
    line-height: 1.45;
  }

  h1 {
    font-size: 18px;
    font-weight: 600;
  }
  h2 {
    font-size: 16px;
    font-weight: 600;
  }
  p,
  li {
    margin-bottom: 0;
  }
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-button {
  display: none;
}
</style>
